<%-- 
    Document   : test
    Created on : Sep 2, 2009, 6:09:08 PM
    Author     : dongxu
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <title>TextboxList + Autocomplete demo</title>

        <link rel="stylesheet" href="test.css" type="text/css" media="screen" title="Test Stylesheet" charset="utf-8" />
        <script src="javascripts/protoculous-effects-shrinkvars.js" type="text/javascript" charset="utf-8"></script>
        <script src="javascripts/textboxlist.js" type="text/javascript" charset="utf-8"></script>
        <script src="javascripts/test.js" type="text/javascript" charset="utf-8"></script>

    </head>

    <body id="test">
        <h1>Proto!TextboxList + Autocomplete Demo</h1>
        <p><a href="http://www.interiders.com/2008/02/11/prototextboxlist-meets-autocompletion/">See article page</a>, <a href="http://www.interiders.com/2008/02/11/textboxlist-fancy-facebook-like-dynamic-inputs-now-in-prototype/">Go to Proto!TextboxList article</a></p>
        <div id="text"></div>
        <form action="test_submit" method="get" accept-charset="utf-8">
            <ol>

                <li class="input-text">
                    <label>Simple input</label>
                    <input type="text" name="testinput" value="" id="testinput" />
                </li>

                <li id="facebook-list" class="input-text">
                    <label>FacebookList input</label>
                    <input type="text" value="" id="facebook-demo" />
                    <div id="facebook-auto">

                        <div class="default">Type the name of an argentine writer you like</div>
                        <ul class="feed">
                            <li>Jorge Luis Borges</li>
                            <li>Julio Cortazar</li>
                        </ul>
                    </div>
                    <!-- These two writers will be added when the control is loaded -->

                </li>
            </ol>
        </form>
        <button onclick="tlist2.update(); alert($F('facebook-demo'));return false;">Submit?</button>
    </body>
</html>
